<!-- vb3 -->
<template>
	<div>
		<h1>留言板</h1>
		<!-- 多行文本框 -->
		<textarea name="" id="" cols="30" rows="10" v-model="msg" ></textarea>
		<button @click="add" >发布</button>
		<!-- 展示数组种每一个值 -->
		<ul v-for="(item, i) in arr" :key="i">
			<li>
				{{ item }}---{{i}} 
				<a  href="http://www.baidu.com"  @click="del($event,i)" >删除 </a> 
				</li>
		</ul>
	</div>
</template>

<script setup>
import { ref, reactive } from 'vue'

let arr = reactive([])
let msg = ref("")
let add  = function () {
	arr.push(msg.value)
	msg.value =""
}
// $event 事件对象
let del = function (event,i) {
	console.log(i,event);
	// 删除的下标,删几个
	arr.splice(i,1)
	event.preventDefault()
}
// setInterval(() => {
	
// }, 1000);
</script>

<style scoped></style>
